/*媒体查询*/
@media screen and (min-width:1200px){

	
.swiper-slide img{ height:490px;}
.nav-brand2 .dropdown-menu .menulist2 dd{padding:0 20px;}
.nav-brand2 .dropdown-menu dl{ padding:20px;}
.mobile-content{ display:none;}	
.mnav2-title{ display:none;}
	}
	

@media screen and (max-width:1199px){
	
	.pc-bc{ display:none;}
	
	}

@media screen and (min-width:1024px) and (max-width:1200px){

	
.nav-brand2,.zx-tenyears,.zx-zixun-c2{ padding-left:15px; padding-right:15px; box-sizing:border-box;}	
.zx-tenyears ul li{ width:21%; margin:0 1%; float:left; background:#fff; padding:30px 1%;box-shadow:0 0 0 #fff;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}
.zx-tenyears ul li:first-child{ width:22%; margin-left:0;}
.zx-tenyears ul li:last-child{ display:none;}
.mobile-content{ display:none;}	
.mnav2-title{ display:none;}
	}

@media screen and (min-width:768px) and (max-width:1024px){

	
.nav-brand2,.zx-tenyears{ padding-left:15px; padding-right:15px; box-sizing:border-box;}	
.nav-brand2 .seach_1{ display:none;}
.nav-brand2 .nav{float:right; width:77%; margin:20px 0 0 3%; overflow:hidden;}

.zx-tenyears ul li{ width:44%; margin:0 1% 20px 1%; float:left; background:#fff; padding:30px 2%;box-shadow:0 0 0 #fff;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}
.zx-tenyears ul li:first-child{width:44%; margin:0 1% 20px 1%; }
.zx-tenyears ul li:last-child{ display:none;}	

.zx-zixun{ padding-bottom:3.6rem;}
.zx-title1 b{ font-size:3.0rem;}
.zx-zixun-m{ width:100%;}
.zx-zixun-l,.zx-zixun-r{ display:none;}
.zx-zixun-c2{ margin:2.0rem auto 0 auto;}
.zx-zixun-m dl:last-child{ margin-bottom:0;}

.mobile-content{ display:none;}

.bar_tabs5{width:48%; margin:3.0rem 1% 0 1%;}
.zx-xgtu ul li { width:48%; position:relative; margin:1%;}
.comlist-c1 li,.samples-list ul li{ float:left; width:48%; margin:20px 1% 0 1%;}
.tab2_list1 li{ width:30.33%; float:left; margin:0 1.5%;}
.zx-tabsbox{ padding:6.0rem 20px;box-sizing:border-box;}
.zxt_footer{padding:40px 20px;}
.zxt_footer2{padding:3.0rem 20px;}

.zx-designer .designer-item {float: left; width:31.33%; margin:0 1% 20px 1%;}
.zx-comlist-left{ width:98%; float:left; margin:0 1%;}
.zx-comlist-right{ display:none;}

.zx-newslc .fl{ display:none;}
.zx-newslc .fr{ width:100%; box-sizing:border-box; padding:0 20px;}
.tag-title span{line-height:4.0rem; font-size:2.0rem;  width:200px; height:4.0rem; top:50%; margin-top:-2.0rem; margin-left:-100px;}

.tagl-left,.tagc-delbox{ width:100%;}

.qa-left{ display:none;}
.qa-middle{ width:100%; margin:0;}
.qa-right{ display:none;}

.qac_left{ width:100%; box-sizing:border-box; padding:20px;}
.rel-QA li{ width:100%; margin:0 0 30px 0;}
.rel-QA li a{ width:70%;}

.zx-piclist li{ width:48%;}
.picture .pic_left{ width:100%; float:left;}
.picture .pic_right{ display:none;}

.downin{ display:none !important;}
.com-jsc2-l{ width:100%;}
.com-jsc2-r{ display:none; margin-left:0;}
	}


@media screen and (max-width:767px){
body{ background:#f6f6f6;}
.top-head{ display:none;}
.mobile-nav{ display:block;}
.mobile-nav .iconfont{ font-size:30px; color:#333;}
.mobile-nav .icon-yonghu{ font-size:28px;}
.zx-banner .swiper-button-next,.zx-banner .swiper-button-prev{ display:none;}
.pc-bc{ display:none;}
.zx-tenyears{ display:none;}
.zx-zixun{ display:none;}
.zx-gg,.zx-com,.zx-zixunbox,.zx-samples,.zx-learning,.zx-tabsbox,.zxt_footer,.zxt_footer2,.zxpc-contentC{ display:none;}
.downin_open{ display:none !important;}

.jsc2-title{ font-size:3.0rem; line-height:3.6rem;}
.jsc2-title i,.jsc2-title a{ font-size:2.0rem; display:inline-block; vertical-align:middle;}
.jsc2-L1 .com-imglist li{ width:48%; margin:0 1%;}
.jsc2-L1 p{ font-size:2.0rem; line-height:4.8rem;}
.jsc2-L1 p b{ font-size:2.4rem;}
.jsc2-L2 .com-alist li{ width:48%; margin:0 1% 30px 1%;}
.jsc2-L2 .com-alist li img{ border-radius:10px;}
.com-alist li div b{ font-size:2.4rem; display:block; margin:10px 0;}
.com-alist li div p span,.com-alist li div p i{ font-size:1.8rem;}
.jsc2-L3 dd .fl{ width:32%;}
.jsc2-L3 dd .fr{ width:65%;}
.jsc2-L3 dd{ margin-bottom:30px; padding-bottom:30px;}
.jsc2-L3 dd .fr a{ font-size:2.4rem; margin-bottom:20px;}
.jsc2-L3 dd .fr p{ display:none;}
.jsc2-L3 dd .fr span i{ font-size:2.0rem;}
.jsc2-L3 dd .fr span i:first-child{ display:none;}
.jsc2-L3 dd .fr span em{font-size:2.0rem;}
.jsc2-L4{ padding:0; margin:40px auto 0 auto;}
.jsc2-L4 ul li{ box-sizing:border-box; margin:0 auto 30px auto; padding:0; overflow:hidden;}
.jsc2-L4 .dp-name *{font-size:1.8rem; display:inline-block; vertical-align:middle;}
.jsc2-L4 .dp-name b{ color:#333; font-size:2.4rem;}
.jsc2-L4 .dp-name span{padding:5px 10px; margin:0 5px;}
.jsc2-L4 .dp-name em{padding:5px 10px;}
.jsc2-L4 .dp-fw{ font-size:1.8rem;}
.jsc2-L4 .dp-txt{font-size:2.0rem; color:#666; line-height:3.6rem; margin:20px 0;}

.qac-asking p b{ display:block; float:left; font-size:2.8rem; color:#333; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.qac-asking .asking-tag{ color:#333; font-size:2.4rem; line-height:5.4rem;}
.qac-asking em{ font-size:2.0rem; line-height:4.8rem;}
.huifu2 .huititle{ font-size:2.4rem;}
.huifu2 .huiconter .huifuright .huifu {font-size:1.8rem; line-height:4.0rem;}
.huifu2 .huiconter .huifuright .text_spasn span {font-size:1.8rem; }
.huifu2 .huiconter .huifuright .text_spaer span{ font-size:1.8rem;}
.huifu2 .huiconter .huifuright .text_spasi{ overflow:hidden; text-align:right; width:88%; margin:0 0 0 2%;}
.huifu2 .huiconter .huifuright .text_spasi span:nth-child(1){ float:left; font-size:2.0rem; }
.huifu2 .huiconter .huifuright .text_spasi span:nth-child(2) { float:right; font-size:2.0rem; color: #9d9d9d;}
.tc-tuijian .reltitle p{ font-size:2.4rem; font-weight:bold;}
.tc-tuijian .reltitle a{ font-size:2.0rem;}
.rel-al li{ width:48%; margin:0 1% 20px 1%;}
.rel-al li p{ font-size:2.4rem; margin:1.0rem auto;}
.rel-al li span{ font-size:2.0rem;}
.rel-QA li{ float:left; width:100%; margin:0; line-height:4.0rem; margin:20px auto;}
.rel-QA li a{ font-size:2.4rem;}
.rel-QA li span *{ font-size:1.8rem;}
.rel-QA li span i{ color:#999;}
.rel-QA li span i font{ color:#ff8e0b; margin-right:6px;}
.rel-QAtj li{width:48%; margin:0 1% 20px 1%;}
.rel-QAtj li a{ width:100%;}

.rel-al li span{ margin:20px auto;}
.rel-al li i {line-height:4.8rem; font-size: 2.0rem;}

.mobile-nav3{ display:none;}
	}	


@media screen and (max-width:320px){
	.mobile-nav .search{ display:none;}
	.mobile-nav .search span{font-size:1.5rem;}
	.mobile-nav .search button{ font-size:0;}
}